<template>
  <div>
    当前权限模式：
    <span class="current">
      {{ permissionMode === PermissionModeEnum.BACK ? '后台权限模式' : '前端角色权限模式' }}
    </span>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import projectSetting from '@/settings/projectSetting'
import { PermissionModeEnum } from '@/settings/types'

export default defineComponent({
  setup() {
    return {
      permissionMode: projectSetting.permissionMode,
      PermissionModeEnum
    }
  }
})
</script>

<style scoped>
div {
  font-size: 16px;
}

.current {
  font-weight: bold;
  color: var(--el-color-primary);
}
</style>
